<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>动物餐厅  ANIMAL RESTAURANT</title>
    <link href="css/index.css" rel="stylesheet" type="text/css">
    <link href="css/news.css" rel="stylesheet" type="text/css">
    <link href="css/character.css" rel="stylesheet" type="text/css">
    <script src="js/script.js" type="text/javascript"></script>
</head>
<body>
<div class="wrap">
<header id="head">
    <div class="header-info">
        <ul class="header-info-list">
            <li class="header-info-item">
                <a class="header-info-link" href="login.html">登录</a>
            </li>
            <li class="header-info-item">|
            </li>
            <li class="header-info-item">
                <a class="header-info-link" href="register.html">注册</a>
            </li>
        </ul>
    </div>

</header>
<!--主页-->
<div class="section" style="height: 751px;">

<!--导航栏-->
<div class="nav">
    <ul class="nav-list">
        <li class="nav-item">
            <a class="nav-link" href="#head">
                首页
            </a>
        </li>
        <li class="nav-item">
            <a class="nav-link" href="#top2">
                森林小报
            </a>
        </li>
        <li class="nav-item">
            <a class="nav-link" href="#top3">
                员工
            </a>
        </li>
        <li class="nav-item">
            <a class="nav-link" href="login.html">
                个人中心
            </a>
        </li>
    </ul>
</div>

<!--下载-->
<div class="download" id="test">
    <div id="download-text" class="download-text" style="visibility: visible;">
        <div class="download-QR">
            <img src="image/QRcode.png" title="打开微信扫一扫">
            <br>
            <span class="QRtext" title="打开微信扫一扫">扫一扫 获取小程序</span>
        </div>
        <div class="download-link">
            <ul class="download-list">
                <li class="download-link-ios" title="ios下载">
                    <a class="download-link-item-text" rel="external" target="_blank" href="javascript:">AppStore</a>
                    <a class="text" rel="external" target="_blank" href="javascript:">下载</a>
                </li>
                <li class="download-link-android" title="Android下载">
                    <a class="download-link-item-text" rel="external" target="_blank" href="javascript:">Android</a>
                    <a class="text" rel="external" target="_blank" href="javascript:">下载</a>
                </li>
                <li class="download-link-taptap" title="taptap下载">
                    <a class="download-link-item-text" rel="external" target="_blank" href="javascript:">TapTap</a>
                    <a class="text" rel="external" target="_blank" href="javascript:">下载</a>
                </li>
            </ul>
        </div>
    </div>
    <div>
        <a id="maomaotou" class="download-me" href="#top" onclick="click_download()" title="下载游戏">
        </a>
    </div>
</div>

</div  >

<!--森林小报-->
<div class="section" style="height: 751px;" id="top2">
    <div class="news-body">
        <iframe class="news-frame" src="news.html" id="news-frame">
            您的浏览器不支持该模块
        </iframe>
    </div>
</div>

<!--员工-->
<div class="section" style="height: 751px;" id="top3" >
    <div class="ch">
        <ul class="ch-list">
            <li class="ch-list-item">
                <a class="ch-adao shake" title="阿岛" onclick="click_adao()" href="javascript:"></a>
            </li>
            <li class="ch-list-item">
                <a class="ch-ahua" title="阿花" onclick="click_ahua()" href="javascript:"></a>
            </li>
            <li class="ch-list-item">
                <a class="ch-miao" title="喵小厨" onclick="click_miao()" href="javascript:"></a>
            </li>
            <li class="ch-list-item">
                <a class="ch-haidewei" title="海德薇" onclick="click_haidewei()" href="javascript:"></a>
            </li>
            <li class="ch-list-item">
                <a class="ch-xiaowang" title="小王" onclick="click_xiaowang()" href="javascript:"></a>
            </li>
            <li class="ch-list-item">
                <a class="ch-tuding" title="兔丁" onclick="click_tuding()" href="javascript:"></a>
            </li>
            <li class="ch-list-item">
                <a class="ch-xiaoju" title="小橘" onclick="click_xiaoju()" href="javascript:"></a>
            </li>
            <li class="ch-list-item">
                <a class="ch-goutui" title="狗腿" onclick="click_goutui()" href="javascript:"></a>
            </li>
            <li class="ch-list-item">
                <a class="ch-duoduo" title="多多" onclick="click_duoduo()" href="javascript:"></a>
            </li>
            <li class="ch-list-item">
                <a class="ch-gumi" title="咕咪" onclick="click_gumi()" href="javascript:"></a>
            </li>
            <li class="ch-list-item">
                <a class="ch-jidan" title="鸡蛋" onclick="click_jidan()" href="javascript:"></a>
            </li>
            <li class="ch-list-item">
                <a class="ch-pidan" title="皮蛋" onclick="click_pidan()" href="javascript:"></a>
            </li>
            <li class="ch-list-item">
                <a class="ch-jiji" title="吉吉" onclick="click_jiji()" href="javascript:"></a>
            </li>
            <li class="ch-list-item">
                <a class="ch-wangcai" title="旺财" onclick="click_wangcai()" href="javascript:"></a>
            </li>
        </ul>
    </div>

    <div class="ch-id" id="ch-id" style="visibility: hidden;">
        <a class="ch-id-close" onclick="closeid()" href="javascript:">
            <span class="close1"></span>
            <span  class="close2"></span>
        </a>
    </div>
</div>

</div>
<div>
    <ul class="header-info-list">
        <li class="header-info-item">
            <a class="footer-link" >用户注册协议</a>
        </li>
        <li class="header-info-item">
            <a class="footer-link">|</a>
        </li>
        <li class="header-info-item">
            <a class="footer-link" href="javascript:">游戏使用许可及服务协议</a>
        </li>
        <li class="header-info-item">
            <a class="footer-link">|</a>
        </li>
        <li class="header-info-item">
            <a class="footer-link" href="javascript:">隐私协议</a>
        </li>
        <li class="header-info-item">
            <a class="footer-link">|</a>
        </li>
        <li class="header-info-item">
            <a class="footer-link" href="javascript:">家长监护</a>
        </li>
        <li class="header-info-item">
            <a class="footer-link">|</a>
        </li>
        <li class="header-info-item">
            <a class="footer-link" href="javascript:">联系我们</a>
        </li>
    </ul>
</div>
</body>
</html>